@import '~antd/es/style/themes/default.less';

html,
body,
#root {
  height: 100%;
  min-height: 100%;
  // background-image: url(./assets/bg.png);
  // background-size: cover;
  background-color: #0b194b;
}

.colorWeak {
  filter: invert(80%);
}

.ant-layout {
  min-height: 100vh!important;
}
.ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
  left: unset;
}

canvas {
  display: block;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul,
ol {
  list-style: none;
}
.ant-avatar {
  background: transparent!important;
}
//头部标题
.ant-pro-sider-light {
  background: transparent!important;
}
.ant-layout {
  background: transparent!important;
}
.ant-layout-header {
  // padding-top: 30px!important;
  background: transparent!important;
}
.ant-pro-global-header-layout-mix {
  background: transparent!important;
  border-bottom: 1px solid #1f4aa1;
}
//左侧菜单
.ant-pro-sider .ant-layout-sider-children {
  background: -webkit-linear-gradient(left, #0b194b, #132d6c );
  border-top: 5px solid #07a6ff;
}
.ant-menu-vertical .ant-menu-item, .ant-menu-vertical-left .ant-menu-item, .ant-menu-vertical-right .ant-menu-item, .ant-menu-inline .ant-menu-item, .ant-menu-vertical .ant-menu-submenu-title, .ant-menu-vertical-left .ant-menu-submenu-title, .ant-menu-vertical-right .ant-menu-submenu-title, .ant-menu-inline .ant-menu-submenu-title {
  margin: 0!important;
}
.ant-menu-item, .ant-menu-submenu-title {
  border-top: 1px solid @border-line-color;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background: #355fb8!important;
}
.ant-menu-inline .ant-menu-item::after {
  border-right: none!important;
}
.ant-menu-sub.ant-menu-inline {
  background: #1b3884!important;
}
.ant-pro-sider.ant-layout-sider-light .ant-menu-item a {
  color: hsla(0,0%,100%,.85)!important;
}
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  color: hsla(0,0%,100%,.85)!important;
}
.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
  color: hsla(0,0%,100%,.85)!important;
}
.ant-menu-submenu-arrow {
  color: hsla(0,0%,100%,.85)!important;
}
.ant-menu-item:active, .ant-menu-submenu-title:active {
  background: none;
}
.ant-menu-light .ant-menu-item:hover, .ant-menu-light .ant-menu-item-active, .ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open, .ant-menu-light .ant-menu-submenu-active, .ant-menu-light .ant-menu-submenu-title:hover {
  color: hsla(0,0%,100%,.85)!important;
}
.ant-menu, .ant-menu-item-selected, .ant-pro-sider.ant-layout-sider-light .ant-menu-item a:hover, .ant-menu-light .ant-menu-item:hover, .ant-menu-light .ant-menu-item-active {
  color: hsla(0,0%,100%,.85)!important;
}
/****tabs****/
.ant-pro-basicLayout-content {
  margin: 0px!important;
}
.ant-tabs{
  color: hsla(0,0%,100%,.85)!important;
}
.ant-tabs-content {
  height: e("calc(100vh - 105px)");
  overflow: auto;
}
.ant-layout-content .ant-page-tabs .ant-page-tab-list {
  margin-top: -2px;
}
.ant-page-tabs .ant-tabs-nav {
 background: #0b194b!important;
 border-bottom: 1px solid @border-line-color;
}
.ant-tabs-nav-wrap {
  background: #0b194b!important;
  // margin-top: 16px!important;
  color: hsla(0,0%,100%,.85)!important;
 // border-bottom: 1px solid @border-line-color;

}
.ant-tabs-tab-remove {
  color: hsla(0,0%,100%,.85)!important;
  margin-right: -15px;
}
.ant-tabs-tab-remove:hover {
  color: hsla(0,0%,100%,.85)!important;
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab {
  border: 1px solid #355fb8;
  background: #143173!important;
}
.ant-tabs-top > .ant-tabs-nav::before{
  border-bottom: 1px solid #355fb8;
}
.index_contextMenu__GaY68 {
  background: #1b3884!important;
  border: 1px solid #355fb8;
  color: hsla(0,0%,100%,.85)!important;
}
.index_contextMenu__GaY68 li {
  border-bottom: 1px solid #355fb8;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-bottom-color: #1f4aa1;
  background: #355fb8!important;
  color: hsla(0,0%,100%,.85)!important;
}
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: hsla(0,0%,100%,.85)!important;
}
.ant-layout-content .ant-page-tabs {
//  margin-top: 14px!important;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 5px 5px 0 0;
  height: 32px;
}
.ant-tabs-tab{
  padding: 12px 20px!important;
}
.ant-tabs-tab + .ant-tabs-tab {
  margin: 0!important;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more {
  padding: 0px 16px!important;
}
.ant-layout-content .ant-page-tabs .ant-page-tab-list > .ant-tabs-nav {
  position: fixed;
  z-index: 10;
  padding-top: 14px;
  height: 46px;
  // background: #1a3a83!important;
  margin: 0px!important;
}

.ant-tabs-content-holder {
margin-top: 46px;
}
/****modal****/

.ant-modal-title {
  color: hsla(0,0%,100%,.85)!important;
}
.ant-modal-content {
  background: #1a3a81!important;
}
.ant-modal-header {
  background: transparent!important;
  border-bottom: 1px solid @border-line-color!important;
}
.ant-modal-footer {
  border-top: 1px solid @border-line-color!important;
}


.ant-input, .ant-select {
  color: hsla(0,0%,100%,.85)!important;
  border: 1px solid @border-line-color!important;
  background: transparent!important;
}
.ant-select-clear{
  background: transparent!important;
}
.ant-input-affix-wrapper {
  border: 1px solid #355fb8!important;
  background: transparent!important;
}
.ant-input-affix-wrapper > .ant-input {
  border: none!important;
}



.ant-input-number {
  background-color: transparent;
  border: 1px solid #355fb8;
}
/****picker****/
.ant-picker {
  border: 1px solid #355fb8!important;
  background: transparent!important;
}
.ant-picker-input > input {
  color: hsla(0,0%,100%,.85)!important;
}
.ant-picker-clear {
  background: transparent!important;
}
.ant-picker-panel {
  border: none!important;
}
.ant-picker-panel-container {
  background: #1a3a81!important;
}
.ant-picker-header button {
  color: hsla(0,0%,100%,.85)!important;
}
.ant-picker-header > button:hover {
  color: hsla(0,0%,100%,.99)!important;
}
.ant-picker-content th {
  color: hsla(0,0%,100%,.85)!important;
}
.ant-picker-cell {
  color: hsla(0,0%,100%,.45)!important;
}
.ant-picker-cell-in-view {
  color: hsla(0,0%,100%,.85)!important;
}
.ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner, .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
  background: @select-color!important;
}

.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
  background: #1890ff!important;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover{
  background:  @select-color!important;
}

  

/****pagination****/
.ant-pagination, .ant-pagination-item a  {
  color: hsla(0,0%,100%,.85)!important;
}
.ant-pagination-prev button, .ant-pagination-next button {
  color: hsla(0,0%,100%,.85)!important;
}
.ant-pagination-item-active {
  font-weight: 500;
  background: transparent!important;
  border-color: #fff!important;
}

.ant-form-item-control .anticon {
  color: hsla(0, 0%, 100%, .65) !important;
}

.ant-form-item-control  .ant-upload .anticon{
  color: #333!important;
}



/****table****/
// .anticon {
//   color: hsla(0,0%,100%,.65)!important;
// }
 //表单 action颜色修改


//弹框正文颜色  时间下来选择文字颜色
.ant-modal-confirm-body .ant-modal-confirm-title,
.ant-picker-time-panel-cell-inner,
.ant-picker-header-view,
.ant-select-tree,
.ant-select-item {
  color: white !important;
}

//弹框关闭按钮颜色
.ant-modal-close {
  color: white !important;
}
  
  //下拉框/下拉树  选中样式 
.ant-select-item-option-active:not(.ant-select-item-option-disabled),
.ant-select-tree .ant-select-tree-node-content-wrapper:hover,
.ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected,
.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected,
.ant-tree .ant-tree-node-content-wrapper:hover {
  background-color: @select-color !important;
}

.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  background-color: @select-color !important;
}

.ant-table{
  background: transparent!important;
}
.ant-table, .ant-typography {
  color: hsla(0,0%,100%,.85)!important;
}
.ant-badge, .ant-badge-status-text {
  color: hsla(0,0%,100%,.85)!important;
}
.ant-table-thead > tr > th {
  border-bottom: 1px solid #355fb8!important;
  background: #3e80d6!important;
  color: hsla(0,0%,100%,.85)!important;
}
.ant-table-tbody > tr:nth-child(odd) {
  background: #345eb6!important;
}
.ant-table-tbody > tr:nth-child(even) {
  background: #396cc4!important;
}
.ant-table-tbody > tr.ant-table-row-selected > td {
  background: #3e80d6!important;
}
.ant-table-tbody > tr.ant-table-row:hover > td {
  background: #3e80d6!important;
}
.ant-table-tbody > tr > td {
  border-bottom: 1px solid #355fb8!important;
}
.ant-table-row-expand-icon {
  color: #40a9ff!important;
}
.ant-pro-table-search {
  margin-bottom: 0!important;
  background: transparent!important;
}
.ant-empty-normal {
  color: hsla(0,0%,100%,.85)!important;
}
.ant-table-tbody > tr.ant-table-placeholder:hover > td {
  background: transparent!important;
}
.ant-card {
  background: transparent!important;
  color:white!important;
}
.ant-card-head,.ant-card-extra,.ant-card-meta-title{
  color:white!important;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  background: transparent!important;
  border: none!important;
}
.ant-checkbox-inner {
  background: transparent!important;
}
.ant-radio-inner {
  border: 1px solid #355fb8;
  background: transparent!important;
}
.ant-radio-wrapper {
  color: hsla(0,0%,100%,.85)!important;
}
.ant-form-item-label > label {
  color: hsla(0,0%,100%,.85)!important;
}
.ant-tree {
  color: hsla(0,0%,100%,.85)!important;
  background: transparent!important;
}
.ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: #3e80d6!important;
}
.ant-select-dropdown, .ant-select-tree {
  background: #1a3a81!important;
}
.ant-select-dropdown {
  border: 1px solid #355fb8!important;
}
.ant-card-bordered {
  border: 1px solid #355fb8!important;
}
.ant-input-textarea-show-count::after {
  color: hsla(0,0%,100%,.85)!important;
}
/****按钮****/
.ant-btn {
  border-radius: 2px;
  color: hsla(0,0%,100%,.85)!important;
  border: 1px solid #355fb8;
  background: transparent!important;
}
.ant-btn-primary {
  border: 0!important;
  background-color: #1890ff!important;
}
//表单筛选 重置按钮
.ant-pro-form-query-filter .ant-btn,.delBtn {
  border: 0!important;
  background-color: #ea69aa!important;
}

//表单筛选 查询按钮
.ant-pro-form-query-filter .ant-btn-primary,.addBtn {
  border: 0!important;
  background-color: #07a7ff!important;
}



.exportBtn,.editBtn {
  border: 0!important;
  background-color: #2dcbe4!important;
}

// //修改表格中 超链接颜色
// .ant-pro-table td.ant-table-cell > a {
//   color:  rgb(93 234 254);
// }

//修改表格中 超链接颜色
.ant-pro-table td.ant-table-cell  a {
  color:  rgb(93 234 254);
}


.ant-descriptions-title,.ant-descriptions-item-label,.ant-descriptions-item-content {
  color: hsla(0,0%,100%,.85)!important;
}
.ant-pro-menu-item{
  align-items: center;
  display: flex;
  .ant-image{
    margin-right: 8px;
  }
}

//状态btn
.shebeiStateBtn{
  padding: 2px 6px;
  background-color: #40a9ff;
  font-size: 12px;
  border-radius: 3px;
}

.defaultBtnBg{
  background-color: #a29d9d;
}


.qushiShanxuan{
  width: 200px;
  justify-content: space-around;
  display: flex;
  .shanxuanBtn:hover,.shanxuanBtn:active,.shanxuanBtn:visited,.btnSelected  {
    position: relative;
    color: #fff;
    background-color: @btn-bg;
    border: 0;
  }
}

.inputBg{
  background: #365fb9;
}

@media (max-width: @screen-xs) {
  .ant-table {
    width: 100%;
    overflow-x: auto;
    &-thead > tr,
    &-tbody > tr {
      > th,
      > td {
        white-space: pre;
        > span {
          display: block;
        }
      }
    }
  }
}

// Compatible with IE11
@media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) {
  body .ant-design-pro > .ant-layout {
    min-height: 100vh;
  }
}

/* 设置滚动条的样式 */
::-webkit-scrollbar {
  width: 3px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
  border-radius: 3px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background:#355fb8;
}
::-webkit-scrollbar-thumb:window-inactive {
  background:#355fb8;
}

.textOverflow{
  display: -webkit-box;
  width: 250px;
  line-height: 1.5;


  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;

}

